<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      template="/resources/templates/navegacionTemplate.xhtml"
      xmlns:c="http://java.sun.com/jsp/jstl/core">
    <f:metadata>
        <f:viewParam name="idhilo" value="#{hiloController.hilo}" converter="hiloConverter"/>
    </f:metadata>
    <ui:define name="cabecera">
        <title>#{hiloController.hilo.asunto}</title>
    </ui:define>
    <ui:define name="tabla">
            <h:form style="text-align: left;font-size: 14px">
                <h:link value="Foroweb-EMR" outcome="welcome"/> => <h:link value="#{hiloController.hilo.seccion.nombre}" outcome="listHilos?nseccion=#{hiloController.hilo.seccion.nombre}"/> => #{hiloController.hilo.asunto}
            </h:form>
        <p:dataGrid columns="1" paginator="true" rows="10" value="#{hiloController.mensajes}" var="mensaje" style="font-size: 14px">
                <p:column>
                    <p:panel style="font-size: 10px">
                        <f:facet name="header">
                            <h:outputText value="Publicado:"/>
                            <h:outputText value="#{mensaje.fecha}">
                                <f:convertDateTime pattern=" dd/MM/yyyy - HH:mm"/>
                            </h:outputText>
                        </f:facet>
                        <h:panelGrid columns="2" width="100%" columnClasses="lateral_msg,texto_msg">
                            <h:column>
                                <h:graphicImage value="#{mensaje.usuario.ruta}" height="100" width="100" style="border: 1px solid black"/>
                                <br/>
                                <h:link value="#{mensaje.usuario.nick}" outcome="perfil?nick=#{mensaje.usuario.nick}" style="font-size: 14px"/>
                                <br/>
                                <h:outputText value="Registrado:" style="font-size: 12px;color: #999999"/>
                                <br/>
                                <h:outputText value="#{mensaje.usuario.registro}" style="font-size: 12px;color: #999999">
                                    <f:convertDateTime pattern="dd/MM/yyyy - HH:mm"/>
                                </h:outputText>
                            </h:column>
                            <h:column>
                                <h:outputLabel value="#{mensaje.texto}" style="font-size: 12px"/>
                            </h:column>
                        </h:panelGrid>
                        <f:facet name="footer">
                            <c:if test="${not empty sessionScope.SPRING_SECURITY_CONTEXT.authentication.principal}">
                                <h:form style="text-align: right" rendered="#{comprobarRol.checkUser(mensaje.usuario.nick) || comprobarRol.checkMod(mensaje.hilo.seccion)}">
                                    <h:button value="Editar" outcome="editarMensaje?idmensaje=#{mensaje.id}" style="font-size: 10px"/>
                                </h:form>
                            </c:if>
                        </f:facet>
                    </p:panel>
                </p:column>
            </p:dataGrid>
            <c:if test="${not empty sessionScope.SPRING_SECURITY_CONTEXT.authentication.principal}">
                <h:form style="text-align: right">
                    <h:button value="Responder" outcome="nuevoMensaje?idhilo=#{hiloController.hilo.id}" style="font-size: 10px"/>
                </h:form>
            </c:if>
    </ui:define>
</ui:composition>
